<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>小米官网</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="site-topbar">
        <div class="container">
            <div class="topbar-nav">
                <a rel="nofollow" href="javascript:;">小米网</a><span class="sep">|</span>
                <a rel="nofollow" href="javascript:;">MIUI</a><span class="sep">|</span>
                <a rel="nofollow" href="javascript:;">米聊</a><span class="sep">|</span>
                <a rel="nofollow" href="javascript:;">游戏</a><span class="sep">|</span>
                <a rel="nofollow" href="javascript:;">多看阅读</a><span class="sep">|</span>
                <a rel="nofollow" href="javascript:;">云服务</a><span class="sep">|</span>
                <a rel="nofollow" href="javascript:;">小米网移动版</a><span class="sep">|</span>
                <a rel="nofollow" href="javascript:;">问题反馈</a><span class="sep">|</span>
                <a rel="nofollow" href="javascript:;">Select Region</a>
            </div>
            <div class="topbar-cart">
                <a rel="nofollow" class="cart-mini" href="javascript:;">
                    <i class="iconfont"></i>购物车<span class="cart-mini-num J_cartNum">（0）</span>
                </a>
                <div class="cart-menu">
                    <div class="loading">
                        <div class="loader"></div>
                    </div>
                </div>
            </div>
            <div class="topbar-info">
                <a rel="nofollow" class="link" href="javascript:;">登录</a><span class="sep">|</span>
                <a rel="nofollow" class="link" href="javascript:;">注册</a>
            </div>
        </div>
    </div>
    <div class="site-header">
        <div class="container">
            <div class="header-logo">
                <a class="logo ir" href="javascript:;">小米官网</a>
            </div>
            <div class="header-nav">
                <ul class="nav-list J_navMainList clearfix">
                    <li class="nav-category">
                        <a class="link-category" href="javascript:;"><span class="text">全部商品分类</span></a>
                        <div class="site-category">
                            <ul class="site-category-list clearfix">
                                <li class="category-item">
                                    <a class="title" href="javascript:;">手机 平板 电话卡<i class="iconfont"></i></a>
                                </li>
                                <li class="category-item">
                                    <a class="title" href="javascript:;">电视 盒子<i class="iconfont"></i></a>
                                </li>
                                <li class="category-item">
                                    <a class="title" href="javascript:;">路由器 智能硬件<i class="iconfont"></i></a>
                                </li>
                                <li class="category-item">
                                    <a class="title" href="javascript:;">移动电源 插线板<i class="iconfont"></i></a>
                                </li>
                                <li class="category-item">
                                    <a class="title" href="javascript:;">耳机 音箱<i class="iconfont"></i></a>
                                </li>
                                <li class="category-item">
                                    <a class="title" href="javascript:;">电池 存储卡<i class="iconfont"></i></a>
                                </li>
                                <li class="category-item">
                                    <a class="title" href="javascript:;">保护套 后盖<i class="iconfont"></i></a>
                                </li>
                                <li class="category-item">
                                    <a class="title" href="javascript:;">贴膜 其他配件<i class="iconfont"></i></a>
                                </li>
                                <li class="category-item">
                                    <a class="title" href="javascript:;">米兔 服装<i class="iconfont"></i></a>
                                </li>
                                <li class="category-item">
                                    <a class="title" href="javascript:;">箱包 其他周边<i class="iconfont"></i></a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a class="link" href="javascript:;"><span class="text">小米手机</span><span class="arrow"></span></a>
                    </li>
                    <li class="nav-item">
                        <a class="link" href="javascript:;"><span class="text">红米</span><span class="arrow"></span></a>
                    </li>
                    <li class="nav-item">
                        <a class="link" href="javascript:;"><span class="text">平板</span><span class="arrow"></span></a>
                    </li>
                    <li class="nav-item">
                        <a class="link" href="javascript:;"><span class="text">电视</span><span class="arrow"></span></a>
                    </li>
                    <li class="nav-item">
                        <a class="link" href="javascript:;"><span class="text">盒子 · 影音</span><span class="arrow"></span></a>
                    </li>
                    <li class="nav-item">
                        <a class="link" href="javascript:;"><span class="text">路由器</span><span class="arrow"></span></a>
                    </li>
                    <li class="nav-item">
                        <a class="link" href="javascript:;"><span class="text">智能硬件</span><span class="arrow"></span></a>
                    </li>
                    <li class="nav-item">
                        <a class="link" href="javascript:;"><span class="text">服务</span></a>
                    </li>
                    <li class="nav-item">
                        <a rel="nofollow" class="link" href="javascript:;"><span class="text">社区</span></a>
                    </li>
                </ul>
            </div>
            <div class="header-search">
                <form class="search-form clearfix" action="javascript:;" method="get">
                    <label for="search" class="hide">站内搜索</label>
                    <input class="search-text" type="search">
                    <input type="submit" class="search-btn iconfont" value="">
                    <div class="search-hot-words">
                        <a href="javascript:;">红米3S</a>
                        <a href="javascript:;">小米手环 2</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="home-hero-container container">
        <div class="home-hero">
            <div class="home-hero-slider">
                <div class="ui-wrapper" style="max-width: 100%;">
                    <div class="ui-viewport" style="width: 100%; overflow: hidden; position: relative; height: 460px;">
                        <div class="xm-slider" style="width: auto; position: relative;">
                            <img src="imgs/e09ea245-0883-4cec-a9c3-0374c6772c7c">
                        </div>
                    </div>
                </div>
            </div>
            <div class="home-hero-sub row">
                <div class="span4">
                    <ul class="home-channel-list clearfix">
                        <li class="top left">
                            <a href="javascript:;"><i class="iconfont"></i>电信专场</a></li>
                        <li class="top">
                            <a href="javascript:;"><i class="iconfont"></i>企业团购</a></li>
                        <li class="top">
                            <a href="javascript:;"><i class="iconfont"></i>官翻产品</a></li>
                        <li class="left">
                            <a href="javascript:;"><i class="iconfont"></i>小米移动</a></li>
                        <li class="">
                            <a href="javascript:;"><i class="iconfont"></i>以旧换新</a></li>
                        <li class="">
                            <a href="javascript:;"><i class="iconfont"></i>话费充值</a></li>
                    </ul>
                </div>
                <div class="span16">
                    <ul class="home-promo-list clearfix">
                        <li class="first">
                            <a class="item" href="javascript:;">
                                <img alt="红米3 现货-0602" src="imgs/e2a7b95d-cf5d-414d-b90b-c57c31d51bd0">
                            </a>
                        </li>
                        <li>
                            <a class="item" href="javascript:;">
                                <img alt="九号平衡车" src="imgs/T1xjdgBTDv1RXrhCrK.jpg">
                            </a>
                        </li>
                        <li>
                            <a class="item" href="javascript:;">
                                <img alt="小米手环2-0614" src="imgs/2690f4ab-c728-4269-86e3-8edc7a3bb945">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="home-star-goods xm-carousel-container">
            <div class="xm-plain-box">
                <div class="box-hd">
                    <h2 class="title">小米明星单品</h2>
                    <div class="more">
                        <div class="xm-controls xm-controls-line-small xm-carousel-controls">
                            <a class="control control-prev iconfont" href="javascript:;"></a>
                            <a class="control control-next iconfont control-disabled" href="javascript:;"></a>
                        </div>
                    </div>
                </div>
                <div class="box-bd">
                    <div class="xm-carousel-wrapper" style="height: 340px; overflow: hidden;">
                        <ul class="xm-carousel-list xm-carousel-col-5-list goods-list rainbow-list clearfix J_carouselList">
                            <li class="rainbow-item-1">
                                <a class="thumb" href="javascript:;">
                                    <img src="imgs/e418a451-b1f2-4c71-990e-bdc255875c50">
                                </a>
                                <h3 class="title">
                                    <a href="javascript:;">小米电视3 最高降300</a>
                                </h3>
                                <p class="desc">55英寸直降200，60英寸直降300</p>
                                <p class="price">3799元起</p>
                            </li>
                            <li class="rainbow-item-2">
                                <a class="thumb" href="javascript:;">
                                    <img src="imgs/0df71c7b-3b3e-4f32-b572-aafb7cddee95">
                                </a>
                                <h3 class="title">
                                    <a href="javascript:;">小米平板2 16GB现货</a>
                                </h3>
                                <p class="desc">轻薄全金属，海量内容</p>
                                <p class="price">999元</p>
                            </li>
                            <li class="rainbow-item-3">
                                <a class="thumb" href="javascript:;">
                                    <img src="imgs/T1nhYjByAv1RXrhCrK.jpg">
                                </a>
                                <h3 class="title">
                                    <a href="javascript:;">小米手机4c</a>
                                </h3>
                                <p class="desc">快、轻薄、美，青春五色可选</p>
                                <p class="price">1099元</p>
                            </li>
                            <li class="rainbow-item-4">
                                <a class="thumb" href="javascript:;">
                                    <img src="imgs/T146YgBKhv1RXrhCrK.jpg">
                                </a>
                                <h3 class="title">
                                    <a href="javascript:;">小米盒子3 增强版</a>
                                </h3>
                                <p class="desc">高端 4K 网络机顶盒</p>
                                <p class="price">399元</p>
                            </li>
                            <li class="rainbow-item-5">
                                <a class="thumb" href="javascript:;">
                                    <img src="imgs/T139d_B7xv1RXrhCrK.jpg"></a>
                                <h3 class="title">
                                    <a href="javascript:;">小米手环 光感版</a>
                                </h3>
                                <p class="desc">心率、运动、睡眠全掌控</p>
                                <p class="price">99元</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="page-main home-main">
        <div class="container">
            <div class="home-brick-box home-brick-row-2-box xm-plain-box J_itemBox J_brickBox is-visible loaded">
                <div class="box-hd">
                    <h2 class="title">智能硬件</h2>
                    <div class="more J_brickNav">
                        <a class="more-link" href="javascript:;">查看全部<i class="iconfont"></i></a>
                    </div>
                </div>
                <div class="box-bd J_brickBd">
                    <div class="row">
                        <div class="span4 span-first">
                            <ul class="brick-promo-list clearfix">
                                <li class="brick-item brick-item-l">
                                    <a href="javascript:;">
                                        <img src="imgs/76fc9916-4406-4dab-8a5f-124f1b49060b" width="160" height="160" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="span16">
                            <ul class="brick-list clearfix">
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <div class="figure figure-img">
                                        <a href="javascript:;">
                                            <img src="imgs/T1YoZQByYT1RXrhCrK.jpg" width="160" height="160" alt="小米体重秤">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="javascript:;">小米体重秤</a>
                                    </h3>
                                    <p class="desc">100克，喝杯水都可感知的精准</p>
                                    <p class="price">
                                        <span class="num">99</span>元
                                    </p>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <div class="figure figure-img">
                                        <a href="javascript:;">
                                            <img src="imgs/T1rQAgB7Av1RXrhCrK.jpg" width="160" height="160" alt="小米路由器3">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="javascript:;">小米路由器3</a>
                                    </h3>
                                    <p class="desc">四天线设计，更安全更稳定</p>
                                    <p class="price">
                                        <span class="num">149</span>元
                                    </p>
                                    <div class="flag flag-postfree">免邮费</div>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <div class="figure figure-img">
                                        <a href="javascript:;">
                                            <img src="imgs/T19eL_Bvhv1RXrhCrK!220x220.jpg" width="160" height="160">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="javascript:;">小米多功能网关</a>
                                    </h3>
                                    <p class="desc">小米智能配件控制中心 1600万色夜灯</p>
                                    <p class="price">
                                        <span class="num">149</span>元
                                    </p>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <div class="figure figure-img">
                                        <a href="javascript:;">
                                            <img src="imgs/T1OVC_ByY_1RXrhCrK!220x220.jpg" width="160" height="160" alt="米家压力IH电饭煲">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="javascript:;">米家压力IH电饭煲</a>
                                    </h3>
                                    <p class="desc">真智能的压力 IH 电饭煲</p>
                                    <p class="price">
                                        <span class="num">999</span>元
                                    </p>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <div class="figure figure-img">
                                        <a href="javascript:;">
                                            <img src="imgs/pms_1464071511.37197399!220x220.jpg" width="160" height="160">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="javascript:;">米家 LED 智能台灯</a>
                                    </h3>
                                    <p class="desc">无可视频闪，亮度色温无级调节</p>
                                    <p class="price">
                                        <span class="num">169</span>元
                                    </p>
                                    <div class="flag flag-new">新品</div>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <div class="figure figure-img">
                                        <a href="javascript:;">
                                            <img src="imgs/T1KOYgBQdv1RXrhCrK.jpg" width="160" height="160">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="javascript:;">Yeelight床头灯</a>
                                    </h3>
                                    <p class="desc">6月1日至6月20日 直降50元</p>
                                    <p class="price">
                                        <span class="num">199</span>元
                                        <del><span class="num">249</span>元</del>
                                    </p>
                                    <div class="flag flag-saleoff"> 享8折 </div>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <div class="figure figure-img">
                                        <a href="javascript:;">
                                            <img src="imgs/T1G.A_BbDT1RXrhCrK.jpg" width="160" height="160">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="javascript:;">小蚁智能摄像机 夜视版</a>
                                    </h3>
                                    <p class="desc">能看能听能说，手机远程观看</p>
                                    <p class="price">
                                        <span class="num">149</span>元
                                    </p>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <div class="figure figure-img">
                                        <a href="javascript:;">
                                            <img src="imgs/T1MQDgB5Vv1RXrhCrK.jpg" width="160" height="160">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="javascript:;">米家iHealth血压计</a>
                                    </h3>
                                    <p class="desc">爸妈上手就会用的智能血压计</p>
                                    <p class="price">
                                        <span class="num">399</span>元
                                    </p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="home-brick-box home-brick-row-2-box xm-plain-box J_itemBox J_brickBox is-visible loaded">
                <div class="box-hd">
                    <h2 class="title">搭配</h2>
                    <div class="more J_brickNav">
                        <ul class="tab-list J_brickTabSwitch">
                            <li class="tab-active">热门</li>
                            <li>耳机音箱</li>
                            <li>电源</li>
                            <li>电池存储卡</li>
                        </ul>
                    </div>
                </div>
                <div class="box-bd J_brickBd">
                    <div class="row">
                        <div class="span4 span-first">
                            <ul class="brick-promo-list clearfix">
                                <li class="brick-item brick-item-m">
                                    <a href="javascript:;">
                                        <img src="imgs/a857c362-1169-4d44-82fe-59ac521df10f" width="160" height="160" alt="">
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <a href="javascript:;">
                                        <img src="imgs/84a46032-09a3-41d6-97d7-a090b599cbeb" width="160" height="160" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="span16">
                            <div class="tab-container">
                                <ul class="brick-list tab-content clearfix tab-content-active J_recommendActive">
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/T1eSZgBjVT1RXrhCrK.jpg" width="150" height="150">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">小米移动电源10000mAh 高配版</a>
                                        </h3>
                                        <p class="price">
                                            <span class="num">129</span>元
                                            <del><span class="num">149</span>元</del>
                                        </p>
                                        <p class="rank">1.2万人评价</p>
                                        <div class="flag flag-saleoff"> 享9折 </div>
                                        <div class="review-wrapper">
                                            <a href="javascript:;">
                                                <span class="review">手感超舒服，有USB C输入充电，以后不用到处换插头了</span>
                                                <span class="author"> 来自于 玻璃樽81 的评价 <span class="date"></span> </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/T12HJvByEv1RXrhCrK.jpg" width="150" height="150" alt="小米移动电源10000mAh">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">小米移动电源10000mAh</a>
                                        </h3>
                                        <p class="price">
                                            <span class="num">79</span>元
                                        </p>
                                        <p class="rank">17.7万人评价</p>
                                        <div class="review-wrapper">
                                            <a href="javascript:;">
                                                <span class="review">这个小巧玲珑啊，比10400安的小了好多，感觉不错，...</span>
                                                <span class="author"> 来自于 LIN翼 的评价 <span class="date"></span> </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/pms_1463579883.27084326.jpg" width="150" height="150" alt="小米插线板">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">小米插线板</a>
                                        </h3>
                                        <p class="price">
                                            <span class="num">49</span>元
                                        </p>
                                        <p class="rank">23万人评价</p>
                                        <div class="review-wrapper">
                                            <a href="javascript:;">
                                                <span class="review">东西真心不错，用过最好用的插线板，做工外观没得挑剔，...</span>
                                                <span class="author"> 来自于 yinyin19891117 的评价 <span class="date"></span> </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/T1HWEjBvDT1RXrhCrK.jpg" width="150" height="150" alt="小米圈铁耳机">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">小米圈铁耳机</a>
                                        </h3>
                                        <p class="price">
                                            <span class="num">99</span>元
                                        </p>
                                        <p class="rank">4万人评价</p>
                                        <div class="review-wrapper">
                                            <a href="javascript:;">
                                                <span class="review">非常不错。低音澎湃激情，人声清澈明亮。性价比很高，值...</span>
                                                <span class="author"> 来自于 984107778 的评价 <span class="date"></span> </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/T190DvB4dv1RXrhCrK.jpg" width="150" height="150" alt="小米蓝牙耳机">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">小米蓝牙耳机</a></h3>
                                        <p class="price">
                                            <span class="num">79</span>元
                                        </p>
                                        <p class="rank">7.9万人评价</p>
                                        <div class="review-wrapper">
                                            <a href="javascript:;">
                                                <span class="review">小米的产品值得信赖，用了一段时间，无论是听歌，打电话...</span>
                                                <span class="author"> 来自于 气功流 的评价 <span class="date"></span> </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/T1WxYvB_xv1RXrhCrK.jpg" width="150" height="150" alt="小米活塞耳机 基础版">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">小米活塞耳机 基础版</a>
                                        </h3>
                                        <p class="price">
                                            <span class="num">29</span>元
                                        </p>
                                        <p class="rank">3.2万人评价</p>
                                        <div class="review-wrapper">
                                            <a href="javascript:;">
                                                <span class="review">价钱优惠，音质好。值得推荐</span>
                                                <span class="author"> 来自于 1006768313 的评价 <span class="date"></span> </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/T1MDK_B_YT1RXrhCrK.jpg" width="150" height="150" alt="小米蓝牙音箱">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">小米蓝牙音箱</a>
                                        </h3>
                                        <p class="price"> <span class="num">180</span>元
                                            <del><span class="num">199</span>元</del>
                                        </p>
                                        <p class="rank">1.6万人评价</p>
                                        <div class="flag flag-saleoff"> 享9.1折 </div>
                                        <div class="review-wrapper">
                                            <a href="javascript:;">
                                                <span class="review">小东西有大能量，音质在这个价位真的是无敌了，很精美的...</span>
                                                <span class="author"> 来自于 语无伦次哈 的评价 <span class="date"></span> </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="brick-item brick-item-s">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/T1F5K_BjVv1RXrhCrK.jpg" width="80" height="80" alt="小米小钢炮蓝牙音箱2 白色">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">小米小钢炮蓝牙音箱2 白色</a>
                                        </h3>
                                        <p class="price"><span class="num">129</span>元</p>
                                    </li>
                                    <li class="brick-item brick-item-s">
                                        <div class="figure figure-more">
                                            <a href="javascript:;">
                                                <i class="iconfont"></i>
                                            </a>
                                        </div>
                                        <a class="more" href="javascript:;">浏览更多<small>热门</small></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="home-brick-box home-brick-row-2-box xm-plain-box J_itemBox J_brickBox is-visible loaded">
                <div class="box-hd">
                    <h2 class="title">配件</h2>
                    <div class="more J_brickNav">
                        <ul class="tab-list J_brickTabSwitch">
                            <li class="tab-active">热门</li>
                            <li>保护套</li>
                            <li>后盖</li>
                            <li>贴膜</li>
                            <li>其他配件</li>
                        </ul>
                    </div>
                </div>
                <div class="box-bd J_brickBd">
                    <div class="row">
                        <div class="span4 span-first">
                            <ul class="brick-promo-list clearfix">
                                <li class="brick-item brick-item-m">
                                    <a href="javascript:;">
                                        <img src="imgs/55ae33d8-7375-42f9-b90c-cbbe9fe5d8b6" width="160" height="160" alt="">
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <a href="javascript:;">
                                        <img src="imgs/ae93190b-28fc-4f6d-96ab-88914a2b16cb" width="160" height="160" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="span16">
                            <div class="tab-container">
                                <ul class="brick-list tab-content clearfix tab-content-active J_recommendActive">
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/pms_1465286028.31991854.jpg" width="150" height="150">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">红米手机3高配版 标准钢化玻璃膜(0.33mm)</a>
                                        </h3>
                                        <p class="price"> <span class="num">19</span>元 </p>
                                        <p class="rank">124人评价</p>
                                    </li>
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/T1bsZ_BXx_1RXrhCrK.jpg" width="150" height="150" alt="钢化玻璃膜(0.33mm)">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">红米Note3 钢化玻璃膜(0.33mm)</a>
                                        </h3>
                                        <p class="price">
                                            <span class="num">19</span>元
                                        </p>
                                        <p class="rank">2.9万人评价</p>
                                        <div class="review-wrapper">
                                            <a href="javascript:;">
                                                <span class="review">比较好贴～用完屏幕效果很好！</span>
                                                <span class="author"> 来自于 小寻614 的评价 <span class="date"></span> </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/T1y7JQBbCT1RXrhCrK.jpg" width="150" height="150">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">小米Max 标准高透贴膜</a>
                                        </h3>
                                        <p class="price">
                                            <span class="num">19</span>元
                                        </p>
                                        <p class="rank">1711人评价</p>
                                        <div class="flag flag-new">新品</div>
                                        <div class="review-wrapper">
                                            <a href="javascript:;">
                                                <span class="review">说是高透就是高透，贴上贴膜，带领领略高透滴全世界～～</span>
                                                <span class="author"> 来自于 148800310 的评价 <span class="date"></span> </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/T1zTKgBmhv1RXrhCrK.jpg" width="150" height="150">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">红米手机3高配版 炫彩翻盖保护套</a>
                                        </h3>
                                        <p class="price">
                                            <span class="num">39</span>元
                                        </p>
                                        <p class="rank">729人评价</p>
                                    </li>
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/T1leDjBsET1RXrhCrK.jpg" width="150" height="150">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">小米电源5200毫安 超薄肤感软胶保护套</a>
                                        </h3>
                                        <p class="price">
                                            <span class="num">29</span>元
                                        </p>
                                        <p class="rank">1349人评价</p>
                                        <div class="flag flag-new">新品</div>
                                    </li>
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/T1ZhD_BsxT1RXrhCrK.jpg" width="150" height="150">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">米兔手机U盘升级版</a>
                                        </h3>
                                        <p class="price">
                                            <span class="num">79</span>元
                                        </p>
                                        <p class="rank">2.7万人评价</p>
                                        <div class="review-wrapper">
                                            <a href="javascript:;">
                                                <span class="review">非常喜欢，萌萌哒，16g大容量！手机电脑两用非常实用...</span>
                                                <span class="author"> 来自于 宋孟奇 的评价 <span class="date"></span> </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/T1keE_BsJv1RXrhCrK.jpg" width="150" height="150" alt="标准高透贴膜(2片装)">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">小米手机5 标准高透贴膜(2片装)</a>
                                        </h3>
                                        <p class="price">
                                            <span class="num">19</span>元
                                        </p>
                                        <p class="rank">3007人评价</p>
                                        <div class="review-wrapper">
                                            <a href="javascript:;">
                                                <span class="review">东西很好，永远支持小米</span>
                                                <span class="author"> 来自于 老丫牛 的评价 <span class="date"></span> </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="brick-item brick-item-s">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/T1_SDgB4KT1RXrhCrK.jpg" width="80" height="80">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">小米自拍杆 玫红</a>
                                        </h3>
                                        <p class="price"><span class="num">39</span>元</p>
                                    </li>
                                    <li class="brick-item brick-item-s">
                                        <div class="figure figure-more">
                                            <a href="javascript:;">
                                                <i class="iconfont"></i>
                                            </a>
                                        </div>
                                        <a class="more" href="javascript:;">浏览更多<small>热门</small></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="home-brick-box home-brick-row-2-box xm-plain-box J_itemBox J_brickBox is-visible loaded">
                <div class="box-hd">
                    <h2 class="title">周边</h2>
                    <div class="more J_brickNav">
                        <ul class="tab-list J_brickTabSwitch">
                            <li class="tab-active">热门</li>
                            <li>服装</li>
                            <li>米兔</li>
                            <li>生活周边</li>
                            <li>箱包</li>
                        </ul>
                    </div>
                </div>
                <div class="box-bd J_brickBd">
                    <div class="row">
                        <div class="span4 span-first">
                            <ul class="brick-promo-list clearfix">
                                <li class="brick-item brick-item-m">
                                    <a href="javascript:;">
                                        <img src="imgs/2088ff20-46ea-4a2d-a2e8-5ea7b7ba86d8" width="160" height="160">
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <a href="javascript:;">
                                        <img src="imgs/d2ada2de-9c30-46e0-998e-a3739dfe734b" width="160" height="160" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="span16">
                            <div class="tab-container">
                                <ul class="brick-list tab-content clearfix tab-content-active J_recommendActive">
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/T1IDC_B_Kv1RXrhCrK.jpg" width="150" height="150">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">小米V领短袖T恤 男款</a>
                                        </h3>
                                        <p class="price">
                                            <span class="num">33</span>元
                                            <del><span class="num">39</span>元</del>
                                        </p>
                                        <p class="rank">9477人评价</p>
                                        <div class="flag flag-postfree">3件包邮</div>
                                        <div class="review-wrapper">
                                            <a href="javascript:;">
                                                <span class="review">穿着这衣服，真是舒服，就想抱着女朋友的感觉一样</span>
                                                <span class="author"> 来自于 574081459 的评价 <span class="date"></span> </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/5fce0661-f961-44af-ae31-85df60beeef4" width="150" height="150">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">小米短袖T恤 西游记</a>
                                        </h3>
                                        <p class="price">
                                            <span class="num">33</span>元
                                            <del><span class="num">39</span>元</del>
                                        </p>
                                        <p class="rank">3545人评价</p>
                                        <div class="flag flag-postfree">3件包邮</div>
                                        <div class="review-wrapper">
                                            <a href="javascript:;">
                                                <span class="review">穿着很舒服，款式好看，价格实惠！身高一米七，体重15...</span>
                                                <span class="author"> 来自于 网名不赖 的评价 <span class="date"></span> </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/935a072b-6249-43f3-871a-e760f450e331" width="150" height="150">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">小米短袖T恤 怕鸡毛</a>
                                        </h3>
                                        <p class="price">
                                            <span class="num">39</span>元
                                        </p>
                                        <p class="rank">27人评价</p>
                                        <div class="flag flag-new">新品</div>
                                        <div class="review-wrapper">
                                            <a href="javascript:;">
                                                <span class="review">衣服非常好，穿出去非常时尚，收视率也提高了，非常满意...</span>
                                                <span class="author"> 来自于 889554827 的评价 <span class="date"></span> </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/d3897b3a-59b4-4cdb-a726-f318f0ee44b6" width="150" height="150">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">小米短袖T恤 新国货</a>
                                        </h3>
                                        <p class="price">
                                            <span class="num">39</span>元
                                        </p>
                                        <p class="rank">8人评价</p>
                                        <div class="flag flag-new">新品</div>
                                        <div class="review-wrapper">
                                            <a href="javascript:;">
                                                <span class="review">货品收到了！这个印花太耀眼了。</span>
                                                <span class="author"> 来自于 乌之江下面 的评价 <span class="date"></span> </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/T1P1DvB_Wv1RXrhCrK!220x220.jpg" width="150" height="150">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">小米经典商务双肩包</a>
                                        </h3>
                                        <p class="price">
                                            <span class="num">99</span>元
                                        </p>
                                        <p class="rank">1629人评价</p>
                                        <div class="review-wrapper">
                                            <a href="javascript:;">
                                                <span class="review">非常不错，感觉厚实，但是重量很好，不轻不重。很多贴心...</span>
                                                <span class="author"> 来自于 李博强 的评价 <span class="date"></span> </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/T1a3DvB7hv1RXrhCrK!220x220.jpg" width="150" height="150">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">小米极简都市双肩包</a>
                                        </h3>
                                        <p class="price">
                                            <span class="num">129</span>元
                                            <del><span class="num">149</span>元</del>
                                        </p>
                                        <p class="rank">1万人评价</p>
                                        <div class="flag flag-saleoff"> 享9折 </div>
                                        <div class="review-wrapper">
                                            <a href="javascript:;">
                                                <span class="review">好东西，刚买到同事就买了一个，太帅了；以后就买小米的...</span>
                                                <span class="author"> 来自于 972458328 的评价 <span class="date"></span> </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="brick-item brick-item-m">
                                        <div class="figure figure-img">
                                            <a href="javascript:;">
                                                <img src="imgs/pms_1463971828.3961404!220x220.jpg" width="150" height="150">
                                            </a>
                                        </div>
                                        <h3 class="title">
                                            <a href="javascript:;">变形金刚特别版声波</a>
                                        </h3>
                                        <p class="price">
                                            <span class="num">169</span>元
                                        </p>
                                        <p class="rank">993人评价</p>
                                        <div class="flag flag-new">新品</div>
                                        <div class="review-wrapper">
                                            <a href="javascript:;> 
                                                <span class=" review ">满满的全是回忆…第一次看着说明书拼装，瞬间感觉回到小...</span> 
                                                <span class="author "> 来自于 凯_豆爸 的评价 <span class="date "></span> </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="brick-item brick-item-s ">
                                        <div class="figure figure-img ">
                                            <a href="javascript:; "> 
                                                <img src="imgs/T1yo_gBm_v1RXrhCrK.jpg " width="80 " height="80 " alt="金属鼠标垫 小号 "> 
                                            </a>
                                        </div>
                                        <h3 class="title ">
                                            <a href="javascript:; ">金属鼠标垫 小号</a>
                                        </h3>
                                        <p class="price "><span class="num ">49</span>元</p>
                                    </li>
                                    <li class="brick-item brick-item-s ">
                                        <div class="figure figure-more ">
                                            <a href="javascript:; ">
                                                <i class="iconfont "></i>
                                            </a>
                                        </div>
                                        <a class="more " href="javascript:; ">浏览更多<small>热门</small></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="home-recm-box home-brick-box home-brick-row-1-box xm-plain-box J_itemBox J_recommendBox is-visible ">
                <div class="box-hd ">
                    <h2 class="title ">为你推荐</h2>
                    <div class="more J_brickNav ">
                        <div class="xm-controls xm-controls-line-small xm-carousel-controls ">
                            <a class="control control-prev iconfont control-disabled " href="javascript:; "></a>
                            <a class="control control-next iconfont " href="javascript:; "></a>
                        </div>
                    </div>
                </div>
                <div class="box-bd J_brickBd J_recommend-like container xm-carousel-container ">
                    <div class="xm-recommend ">
                        <div class="xm-carousel-wrapper " style="height: 330px; overflow: hidden; ">
                            <ul class="xm-carousel-col-5-list xm-carousel-list clearfix " style="width: 4960px; margin-left: 0px; transition: margin-left 0.5s ease; ">
                                <li class="J_xm-recommend-list ">
                                    <dl>
                                        <dt>
                                            <a href="javascript:; "> 
                                                <img src="imgs/T12HJvByEv1RXrhCrK(1).jpg ">
                                            </a>
                                        </dt>
                                        <dd class="xm-recommend-name "> 
                                            <a href="javascript:; ">小米移动电源10000mAh</a>
                                        </dd>
                                        <dd class="xm-recommend-price ">79元</dd>
                                        <dd class="xm-recommend-tips "> 17.7万人好评 </dd>
                                    </dl>
                                </li>
                                <li class="J_xm-recommend-list ">
                                    <dl>
                                        <dt>
                                            <a href="javascript:; "> 
                                                <img src="imgs/T1LrdvBbAT1RXrhCrK.jpg "> 
                                            </a>
                                        </dt>
                                        <dd class="xm-recommend-name "> 
                                            <a href="javascript:; "> 小米手环 </a> 
                                        </dd>
                                        <dd class="xm-recommend-price ">69元</dd>
                                        <dd class="xm-recommend-tips "> 11.3万人好评 </dd>
                                    </dl>
                                </li>
                                <li class="J_xm-recommend-list ">
                                    <dl>
                                        <dt>
                                            <a href="javascript:; "> 
                                                <img src="imgs/T1_tEgBmVv1RXrhCrK.jpg "> 
                                            </a>
                                        </dt>
                                        <dd class="xm-recommend-name "> 
                                            <a href="javascript:; "> 米兔儿童电话手表 </a> 
                                        </dd>
                                        <dd class="xm-recommend-price ">299元</dd>
                                        <dd class="xm-recommend-tips "> 3982人好评 </dd>
                                    </dl>
                                </li>
                                <li class="J_xm-recommend-list ">
                                    <dl>
                                        <dt>
                                            <a href="javascript:; "> 
                                                <img src="imgs/T1HWEjBvDT1RXrhCrK(1).jpg "> 
                                            </a>
                                        </dt>
                                        <dd class="xm-recommend-name "> 
                                            <a href="javascript:; "> 小米圈铁耳机 </a> 
                                        </dd>
                                        <dd class="xm-recommend-price ">99元</dd>
                                        <dd class="xm-recommend-tips "> 4万人好评 </dd>
                                    </dl>
                                </li>
                                <li class="J_xm-recommend-list ">
                                    <dl>
                                        <dt>
                                            <a href="javascript:; "> 
                                                <img src="imgs/T1WxYvB_xv1RXrhCrK(1).jpg "> 
                                            </a>
                                        </dt>
                                        <dd class="xm-recommend-name "> 
                                            <a href="javascript:; "> 小米活塞耳机 基础版 </a> 
                                        </dd>
                                        <dd class="xm-recommend-price ">29元</dd>
                                        <dd class="xm-recommend-tips "> 3.2万人好评 </dd>
                                    </dl>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="home-review-box xm-plain-box J_itemBox J_reviewBox is-visible ">
                <div class="box-hd ">
                    <h2 class="title ">热评产品</h2>
                </div>
                <div class="box-bd J_brickBd ">
                    <ul class="review-list clearfix ">
                        <li class="review-item review-item-first ">
                            <div class="figure figure-img ">
                                <a href="javascript:; "> 
                                    <img src="imgs/T1hBCgBbxT1RXrhCrK.jpg " width="296 " height="220 "> 
                                </a>
                            </div>
                            <p class="review ">
                                <a href="javascript:; ">非常好,给孩子的公主房用上了,空气一直很清新,噪声很低,孩子很喜欢.</a>
                            </p>
                            <p class="author "> 来自于 米果果大叔 的评价 <span class="date "></span> </p>
                            <div class="info ">
                                <h3 class="title ">
                                    <a href="javascript:; ">小米空气净化器2</a>
                                </h3> <span class="sep ">|</span>
                                <p class="price "><span class="num ">649</span>元</p>
                            </div>
                        </li>
                        <li class="review-item ">
                            <div class="figure figure-img ">
                                <a href="javascript:; "> 
                                    <img src="imgs/T1ULCvB7Lv1RXrhCrK.jpg " width="296 " height="220 "> 
                                </a>
                            </div>
                            <p class="review ">
                                <a href="javascript:; ">自拍是一种病！拍起来真要命！蓝牙连接，比起插线的，简直提升了不少逼格～喜欢的蓝色～美哒哒～～</a>
                            </p>
                            <p class="author "> 来自于 taurus1992 的评价 <span class="date "></span> </p>
                            <div class="info ">
                                <h3 class="title ">
                                    <a href="javascript:; ">小米自拍杆</a>
                                </h3> 
                                <span class="sep ">|</span>
                                <p class="price "><span class="num ">39</span>元</p>
                            </div>
                        </li>
                        <li class="review-item ">
                            <div class="figure figure-img ">
                                <a href="javascript:; "> 
                                    <img src="imgs/T1RYKvBCxv1RXrhCrK.jpg " width="296 " height="220 " alt="小米净水器 "> 
                                </a>
                            </div>
                            <p class="review ">
                                <a href="javascript:; ">真的很惊讶，小米净化器净化效果特别好，自来水tds为298，净化以后纯水16，而且摆放在哪里都漂亮，...</a>
                            </p>
                            <p class="author "> 来自于 花落花开年复年 的评价 <span class="date "></span> </p>
                            <div class="info ">
                                <h3 class="title ">
                                    <a href="javascript:; ">小米净水器</a>
                                </h3> 
                                <span class="sep ">|</span>
                                <p class="price "><span class="num ">1299</span>元</p>
                            </div>
                        </li>
                        <li class="review-item ">
                            <div class="figure figure-img ">
                                <a href="javascript:; "> 
                                    <img src="imgs/T1dWxvBCKv1RXrhCrK.jpg " width="296 " height="220 " alt="小米WiFi放大器 "> 
                                </a>
                            </div>
                            <p class="review ">
                                <a href="javascript:; ">不错，顿时wifi放大了好几倍，赞一个</a>
                            </p>
                            <p class="author "> 来自于 幻影5201314 的评价 <span class="date "></span> </p>
                            <div class="info ">
                                <h3 class="title ">
                                    <a href="javascript:; ">小米WiFi放大器</a>
                                </h3> 
                                <span class="sep ">|</span>
                                <p class="price "><span class="num ">39</span>元</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="home-content-box xm-plain-box J_itemBox J_contentBox is-visible ">
                <div class="box-hd ">
                    <h2 class="title ">内容</h2>
                </div>
                <div class="box-bd J_brickBd ">
                    <ul class="content-list clearfix ">
                        <li class="content-item content-item-book content-item-first xm-carousel-container ">
                            <h2 class="title ">图书</h2>
                            <div class="xm-carousel-wrapper " style="height: 340px; overflow: hidden; ">
                                <ul class="item-list clearfix " style="width: 1184px; margin-left: 0px; transition: margin-left 0.5s ease; ">
                                    <li>
                                        <h4 class="name ">
                                            <a href="javascript:; ">极花</a>
                                        </h4>
                                        <p class="desc ">
                                            <a href="javascript:; ">贾平凹2016年全新长篇小说，一个被拐卖女孩的遭遇。</a>
                                        </p>
                                        <p class="price ">
                                            <a href="javascript:; ">9.99元</a>
                                        </p>
                                        <div class="figure figure-img ">
                                            <a href="javascript:; "> 
                                                <img src="imgs/7a3a81e6-961c-49b8-8860-7fc178eecb95 " width="160 " height="140 " alt="极花 "> 
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="xm-pagers-wrapper ">
                                <ul class="xm-pagers ">
                                    <li class="pager pager-active "><span class="dot ">1</span></li>
                                    <li class="pager "><span class="dot ">2</span></li>
                                    <li class="pager "><span class="dot ">3</span></li>
                                    <li class="pager "><span class="dot ">4</span></li>
                                </ul>
                            </div>
                            <div class="xm-controls xm-controls-block-small xm-carousel-controls ">
                                <a class="control control-prev iconfont control-disabled " href="javascript: void(0); "></a>
                                <a class="control control-next iconfont " href="javascript: void(0); "></a>
                            </div>
                        </li>
                        <li class="content-item content-item-theme xm-carousel-container ">
                            <h2 class="title ">MIUI 主题</h2>
                            <div class="xm-carousel-wrapper " style="height: 340px; overflow: hidden; ">
                                <ul class="item-list clearfix " style="width: 1184px; margin-left: 0px; transition: margin-left 0.5s ease; ">
                                    <li>
                                        <h4 class="name ">
                                            <a href="javascript:; ">剑侠情缘</a>
                                        </h4>
                                        <p class="desc ">
                                            <a href="javascript:; ">《剑侠情缘》手游官方主题，掌上江湖，一剑如故！ </a>
                                        </p>
                                        <p class="price ">
                                            <a href="javascript:; ">免费</a>
                                        </p>
                                        <div class="figure figure-img ">
                                            <a href="javascript:; "> 
                                                <img src="imgs/9f8fc38f-ae5c-4445-bcd1-c17b69e4366f " width="160 " height="140 " alt="剑侠情缘 "> 
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="xm-pagers-wrapper ">
                                <ul class="xm-pagers ">
                                    <li class="pager pager-active "><span class="dot ">1</span></li>
                                    <li class="pager "><span class="dot ">2</span></li>
                                    <li class="pager "><span class="dot ">3</span></li>
                                    <li class="pager "><span class="dot ">4</span></li>
                                </ul>
                            </div>
                            <div class="xm-controls xm-controls-block-small xm-carousel-controls ">
                                <a class="control control-prev iconfont control-disabled " href="javascript:; "></a>
                                <a class="control control-next iconfont " href="javascript:; "></a>
                            </div>
                        </li>
                        <li class="content-item content-item-game xm-carousel-container ">
                            <h2 class="title ">游戏</h2>
                            <div class="xm-carousel-wrapper " style="height: 340px; overflow: hidden; ">
                                <ul class="item-list clearfix " style="width: 1184px; margin-left: 0px; transition: margin-left 0.5s ease; ">
                                    <li>
                                        <h4 class="name ">
                                            <a href="javascript:; ">剑侠情缘</a>
                                        </h4>
                                        <p class="desc ">
                                            <a href="javascript:; ">玩剑侠情缘手游，领666壕礼！！</a>
                                        </p>
                                        <p class="price ">
                                            <a href="javascript:; ">免费</a>
                                        </p>
                                        <div class="figure figure-img ">
                                            <a href="javascript:; "> 
                                                <img src="imgs/010948ae-bd48-49c6-af12-4ec8c4a0c829 " width="160 " height="140 " alt="剑侠情缘 "> 
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="xm-pagers-wrapper ">
                                <ul class="xm-pagers ">
                                    <li class="pager pager-active "><span class="dot ">1</span></li>
                                    <li class="pager "><span class="dot ">2</span></li>
                                    <li class="pager "><span class="dot ">3</span></li>
                                    <li class="pager "><span class="dot ">4</span></li>
                                </ul>
                            </div>
                            <div class="xm-controls xm-controls-block-small xm-carousel-controls ">
                                <a class="control control-prev iconfont control-disabled " href="javascript:; "></a>
                                <a class="control control-next iconfont " href="javascript:; "></a>
                            </div>
                        </li>
                        <li class="content-item content-item-app xm-carousel-container ">
                            <h2 class="title ">应用</h2>
                            <div class="xm-carousel-wrapper " style="height: 340px; overflow: hidden; ">
                                <ul class="item-list clearfix " style="width: 1184px; margin-left: 0px; transition: margin-left 0.5s ease; ">
                                    <li>
                                        <h4 class="name ">
                                            <a href="javascript:; ">2015年度应用</a>
                                        </h4>
                                        <p class="desc ">
                                            <a href="javascript:; ">2015年度应用</a>
                                        </p>
                                        <p class="price ">
                                            <a href="javascript:; ">免费</a>
                                        </p>
                                        <div class="figure figure-img ">
                                            <a href="javascript:; "> 
                                                <img src="imgs/T1YyJgBCYv1R4cSCrK.png " width="160 " height="140 " alt="2015年度应用 "> 
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="xm-pagers-wrapper ">
                                <ul class="xm-pagers ">
                                    <li class="pager pager-active "><span class="dot ">1</span></li>
                                    <li class="pager "><span class="dot ">2</span></li>
                                    <li class="pager "><span class="dot ">3</span></li>
                                    <li class="pager "><span class="dot ">4</span></li>
                                </ul>
                            </div>
                            <div class="xm-controls xm-controls-block-small xm-carousel-controls ">
                                <a class="control control-prev iconfont control-disabled " href="javascript:; "></a>
                                <a class="control control-next iconfont " href="javascript:; "></a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="home-video-box xm-plain-box J_itemBox J_videoBox is-visible ">
                <div class="box-hd ">
                    <h2 class="title ">视频</h2>
                    <div class="more J_brickNav ">
                        <a class="more-link " href="javascript:; ">查看全部<i class="iconfont "></i></a>
                    </div>
                </div>
                <div class="box-bd J_brickBd ">
                    <ul class="video-list clearfix ">
                        <li class="video-item video-item-first ">
                            <div class="figure figure-img ">
                                <a class="J_videoTrigger " href="javascript:; "> 
                                    <img src="imgs/T1v3LgBTxv1RXrhCrK.jpg " width="296 " height="180 " alt="小米Max 绝美外观视频 "> 
                                    <span class="play "><i class="iconfont "></i></span> 
                                </a>
                            </div>
                            <h3 class="title "> 
                                <a class="J_videoTrigger " href="javascript:; ">小米Max 绝美外观视频</a> 
                            </h3>
                            <p class="desc ">6.44 大屏黄金尺寸，看什么都震撼</p>
                        </li>
                        <li class="video-item ">
                            <div class="figure figure-img ">
                                <a class="J_videoTrigger " href="javascript:; ">
                                    <img src="imgs/66cbfd29-8e48-4ed1-aee0-e0e46f4cdc8b " width="296 " height="180 " alt="手机摄影，防抖绷带（教程） ">
                                    <span class="play "><i class="iconfont "></i></span>
                                </a>
                            </div>
                            <h3 class="title ">
                                <a class="J_videoTrigger " href="javascript:; ">手机摄影，防抖绷带（教程）</a>
                            </h3>
                            <p class="desc ">一分钟，拍照手抖迅速见效</p>
                        </li>
                        <li class="video-item ">
                            <div class="figure figure-img ">
                                <a class="J_videoTrigger " href="javascript:; ">
                                    <img src="imgs/T1k9CgB7Av1RXrhCrK.jpg " width="296 " height="180 " alt="笑喷了，沈腾爆笑出演，6集联播 ">
                                    <span class="play "><i class="iconfont "></i></span>
                                </a>
                            </div>
                            <h3 class="title ">
                                <a class="J_videoTrigger " href="javascript:; ">笑喷了，沈腾爆笑出演，6集联播</a>
                            </h3>
                            <p class="desc ">小米Max沈腾爆笑预告全集</p>
                        </li>
                        <li class="video-item ">
                            <div class="figure figure-img ">
                                <a class="J_videoTrigger " href="javascript:; ">
                                    <img src="imgs/T1ZOZgBmYv1RXrhCrK.jpg " width="296 " height="180 " alt="15秒了解小米5 有多快 ">
                                    <span class="play "><i class="iconfont "></i></span>
                                </a>
                            </div>
                            <h3 class="title ">
                                <a class="J_videoTrigger " href="javascript:; ">15秒了解小米5 有多快</a>
                            </h3>
                            <p class="desc ">华少用超快语速告诉你小米5 到底有多快</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="modal modal-video fade modal-hide ">
        <div class="modal-hd ">
            <h3 class="title ">视频播放</h3>
            <a class="close " href="javascript:; "><i class="iconfont "></i></a>
        </div>
        <div class="modal-bd ">
            <div class="loading ">
                <div class="loader "></div>
            </div>
        </div>
    </div>
    <div class="site-footer ">
        <div class="container ">
            <div class="footer-service ">
                <ul class="list-service clearfix ">
                    <li>
                        <a rel="nofollow " href="javascript:; "><i class="iconfont "></i>1小时快修服务</a>
                    </li>
                    <li>
                        <a rel="nofollow " href="javascript:; "><i class="iconfont "></i>7天无理由退货</a>
                    </li>
                    <li>
                        <a rel="nofollow " href="javascript:; "><i class="iconfont "></i>15天免费换货</a>
                    </li>
                    <li>
                        <a rel="nofollow " href="javascript:; "><i class="iconfont "></i>满150元包邮</a>
                    </li>
                    <li>
                        <a rel="nofollow " href="javascript:; "><i class=" iconfont "></i>520余家售后网点</a>
                    </li>
                </ul>
            </div>
            <div class="footer-links clearfix ">
                <dl class="col-links col-links-first ">
                    <dt>帮助中心</dt>
                    <dd><a rel="nofollow " href="javascript:; ">购物指南</a></dd>
                    <dd><a rel="nofollow " href="javascript:; ">支付方式</a></dd>
                    <dd><a rel="nofollow " href="javascript:; ">配送方式</a></dd>
                </dl>
                <dl class="col-links ">
                    <dt>服务支持</dt>
                    <dd><a rel="nofollow " href="javascript:; ">售后政策</a></dd>
                    <dd><a rel="nofollow " href="javascript:; ">自助服务</a></dd>
                    <dd><a rel="nofollow " href="javascript:; ">相关下载</a></dd>
                </dl>
                <dl class="col-links ">
                    <dt>线下门店</dt>
                    <dd><a rel="nofollow " href="javascript:; ">小米之家</a></dd>
                    <dd><a rel="nofollow " href="javascript:; ">服务网点</a></dd>
                    <dd><a rel="nofollow " href="javascript:; ">零售网点</a></dd>
                </dl>
                <dl class="col-links ">
                    <dt>关于小米</dt>
                    <dd><a rel="nofollow " href="javascript:; ">了解小米</a></dd>
                    <dd><a rel="nofollow " href="javascript:; ">加入小米</a></dd>
                    <dd><a rel="nofollow " href="javascript:; ">联系我们</a></dd>
                </dl>
                <dl class="col-links ">
                    <dt>关注我们</dt>
                    <dd><a rel="nofollow " href="javascript:; ">新浪微博</a></dd>
                    <dd><a rel="nofollow " href="javascript:; ">小米部落</a></dd>
                    <dd><a rel="nofollow " href="javascript:; ">官方微信</a></dd>
                </dl>
                <dl class="col-links ">
                    <dt>特色服务</dt>
                    <dd><a rel="nofollow " href="javascript:; ">F 码通道</a></dd>
                    <dd><a rel="nofollow " href="javascript:; ">小米移动</a></dd>
                    <dd><a rel="nofollow " href="javascript:; ">防伪查询</a></dd>
                </dl>
                <div class="col-contact ">
                    <p class="phone ">400-100-5678</p>
                    <p>
                        <span class="J_serviceTime-normal " style=" ">周一至周日 8:00-18:00</span>
                        <span class="J_serviceTime-holiday " style="display:none; ">2月7日至13日服务时间 9:00-18:00</span>
                        <br>（仅收市话费）
                    </p>
                    <a rel="nofollow " class="btn btn-line-primary btn-small " href="javascript:; "><i class="iconfont "></i> 24小时在线客服</a>
                </div>
            </div>
        </div>
    </div>
    <div class="site-info ">
        <div class="container ">
            <div class="logo ir ">小米官网</div>
            <div class="info-text ">
                <p class="sites ">
                    <a rel="nofollow " href="javascript:; ">小米网</a><span class="sep ">|</span>
                    <a rel="nofollow " href="javascript:; ">MIUI</a><span class="sep ">|</span>
                    <a rel="nofollow " href="javascript:; ">米聊</a><span class="sep ">|</span>
                    <a rel="nofollow " href="javascript:; ">多看书城</a><span class="sep ">|</span>
                    <a rel="nofollow " href="javascript:; ">小米路由器</a><span class="sep ">|</span>
                    <a rel="nofollow " href="javascript:; ">视频电话</a><span class="sep ">|</span>
                    <a rel="nofollow " href="javascript:; ">小米后院</a><span class="sep ">|</span>
                    <a rel="nofollow " href="javascript:; ">小米天猫店</a><span class="sep ">|</span>
                    <a rel="nofollow " href="javascript:; ">小米淘宝直营店</a><span class="sep ">|</span>
                    <a rel="nofollow " href="javascript:; ">小米网盟</a><span class="sep ">|</span>
                    <a rel="nofollow " href="javascript:; ">问题反馈</a><span class="sep ">|</span>
                    <a rel="nofollow " href="javascript:; ">Select Region</a>
                </p>
                <p>
                    ©<a href="http://www.mi.com/ ">mi.com</a>京ICP证110507号 京ICP备10046444号
                    <a rel="nofollow " href="javascript:; ">京公网安备11010802020134号 </a>
                    <a rel="nofollow " href="http://c1.mifile.cn/f/i/2013/cn/jingwangwen.jpg ">京网文[2014]0059-0009号</a>
                    <br> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
            </div>
        </div>
    </div>
</body>

</html>